<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    html, body {
        width: calc(100%);
        height: calc(100%);
    }

    .container {
        width: calc(100%);
        height: calc(100%);
    }

    .show {
        width: 100%;
    }

    .show ul {
        list-style: none;
    }

    .show ul li {
        width: 200px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        /*display: table;*/
    }

    /*.show ul li img{
        display: table-cell;
        vertical-align:middle;
    }*/
</style>
<body>
<div class="container">
    <div class="top"></div>
    <div class="show">
        <ul>
            <li><label>商品名称：</label>{{ good.name }}</li>
            <li><label>商品图片：</label><img src={{ good.img }} width="40px" height="40px"></li>
            <li><label>商品价格：</label>{{ good.price }}</li>
            <li><label>商品余量：</label>{{ good.count }}</li>
            {#            <li><label></label><a href="/commodity/?car_gid={{ good.gid }}">添加购物车</a></li>#}
            <li>
                <form method="post">
                    {% csrf_token %}
                    <input name="gid" value="{{ good.gid }}" hidden>
                    <input type="submit" value="加入购物车">
                </form>
            </li>
        </ul>
    </div>
    <div></div>
    <div></div>
</div>
</body>
</html>